<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link href="./images/asap_favicon.ico" rel="icon" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ASAP-算法软件与应用平台</title>
  <link rel="stylesheet" href="./css/News.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/clean.css">
</head>

<body>
  <div id="app">
    <!-- 头部 -->
    <header class="top-header">
      <div class="header-logo" title="平台logo">
        <img alt="ASAP-算法软件与应用平台" src="./images/top_logo.png" target="_blank" title="ASAP-算法软件与应用平台">
      </div>
      <div class="header-function">
        <span class="function-barrier-free" title="无障碍">
          <img src="./images/无障碍.png" alt="无障碍">
          无障碍
        </span>
        <a href="https://www.orsc.org.cn/" target="_blank" title="中国运筹学会">
          <span class="function-institute">
            <img src="./images/首页.png" alt="中国运筹学会">
            中国运筹学会
          </span>
        </a>
        <span class="function-public-account ">
          <span style="position:relative;">
            <img alt="微信公众号" class="public-account" src="./images/public-account2.png" />
            <img src="./images/微信 (1).png" alt="">
            微信公众号
          </span>
        </span>

      </div>
    </header>
    <!-- 导航栏 -->
    <header class="header">
      <div class="container">
        <div class="header-inner">
          <div class="logo">ASAP</div>
          <nav class="nav">
            <div class="nav-item" data-content="news"><a href="#">新闻</a></div>
            <div class="nav-item" data-content="project"><a href="#">项目</a></div>
            <div class="nav-item" data-content="announcement"><a href="#">公告</a></div>
            <div class="nav-item" data-content="activity"><a href="#">活动</a></div>
            <div class="nav-item" data-content="taolun"><a href="#">讨论</a></div>
            <div class="nav-item" data-content="questions"><a href="#">问题征集</a></div>
            <div class="nav-item" data-content="help"><a href="#">帮助文档</a></div>
          </nav>
        </div>
      </div>
    </header>
    <!-- 主要内容 -->
    <div class="container1">
      <div class="nav1">
        <div class="news options">
          <img src="./images/right.png" alt="" class="right">
          新闻
        </div>
        <div class="announcement options">
          <img src="./images/right.png" alt="" class="right">
          公告
        </div>
        <div class="activity options">
          <img src="./images/right.png" alt="" class="right">
          活动
        </div>
        <div class="debate options">
          <img src="./images/right.png" alt="" class="right">
          讨论
        </div>
        <div class="question options">
          <img src="./images/right.png" alt="" class="right">
          问题征集
        </div>
      </div>
      <div class="news-list">
        <div class="list">
          <img src="./images/newsPicture.png" alt="" class="newsPicture">
          <div class="information">
            <a href="#" class="news-title">首届数学与人工智能科学大会成功召开</a>
            <br>
            <span>发布人：xxx</span>
            <span>时间：2020-xx-xx</span>
            <span>阅读量：5w+</span>
            <p>首届数学与人工智能科学大会于2024年8月29日至9月1日在重庆融汇国际酒店成功召开
              本次大会由中国运筹学会数学与智用数学中心联合承办，国家次大会由中国运筹学会数</p>
          </div>
        </div>
        <div class="list">
          <img src="./images/newsPicture.png" alt="" class="newsPicture">
          <div class="information">
            <a href="#" class="news-title">首届数学与人工智能科学大会成功召开</a>
            <br>
            <span>发布人：xxx</span>
            <span>时间：2020-xx-xx</span>
            <span>阅读量：5w+</span>
            <p>首届数学与人工智能科学大会于2024年8月29日至9月1日在重庆融汇国际酒店成功召开
              本次大会由中国运筹学会数学与智用数学中心联合承办，国家次大会由中国运筹学会数</p>
          </div>
        </div>
        <div class="list">
          <img src="./images/newsPicture.png" alt="" class="newsPicture">
          <div class="information">
            <a href="#" class="news-title">首届数学与人工智能科学大会成功召开</a>
            <br>
            <span>发布人：xxx</span>
            <span>时间：2020-xx-xx</span>
            <span>阅读量：5w+</span>
            <p>首届数学与人工智能科学大会于2024年8月29日至9月1日在重庆融汇国际酒店成功召开
              本次大会由中国运筹学会数学与智用数学中心联合承办，国家次大会由中国运筹学会数</p>
          </div>
        </div>
        <div class="list">
          <img src="./images/newsPicture.png" alt="" class="newsPicture">
          <div class="information">
            <a href="#" class="news-title">首届数学与人工智能科学大会成功召开</a>
            <br>
            <span>发布人：xxx</span>
            <span>时间：2020-xx-xx</span>
            <span>阅读量：5w+</span>
            <p>首届数学与人工智能科学大会于2024年8月29日至9月1日在重庆融汇国际酒店成功召开
              本次大会由中国运筹学会数学与智用数学中心联合承办，国家次大会由中国运筹学会数</p>
          </div>
        </div>
        <div class="list">
          <img src="./images/newsPicture.png" alt="" class="newsPicture">
          <div class="information">
            <a href="#" class="news-title">首届数学与人工智能科学大会成功召开</a>
            <br>
            <span>发布人：xxx</span>
            <span>时间：2020-xx-xx</span>
            <span>阅读量：5w+</span>
            <p>首届数学与人工智能科学大会于2024年8月29日至9月1日在重庆融汇国际酒店成功召开
              本次大会由中国运筹学会数学与智用数学中心联合承办，国家次大会由中国运筹学会数</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <footer class="footer-container">
      <div class="main-footer">
        <div class="footer-l">
          <img alt="底部logo" src="./images/bottom_logo.png" title="ASAP-算法软件与应用平台">
        </div>
        <div class="footer-r">
          <div class="footer-content-item">
            <span title="版权所有：">版权所有：</span>
            <span title="中国运筹学会">中国运筹学会</span>
          </div>
          <div class="footer-content-item">
            <span title="技术支持:">技术支持：</span>
            <span title="河南级数信息科技有限公司">河南级数信息科技有限公司</span>
          </div>
          <div class="footer-content-item">
            <span title="通信地址：">通信地址：</span>
            <span title="北京市海淀区中关村东路55号">北京市海淀区中关村东路55号</span>
          </div>
          <div class="footer-content-item">
            <span title="挂靠单位：">挂靠单位：</span>
            <span title="中国科学院数学与系统科学研究院">中国科学院数学与系统科学研究院</span>
          </div>
          <div class="footer-content-item">
            <a href="https://beian.mps.gov.cn/#/query/webSearch">
              <img alt="备案号：京ICP备05002817号-6" src="./images/for_the_record.png" title="备案号：">
              <span title="京ICP备05002817号-6">京ICP备05002817号-6</span>
            </a>
          </div>
        </div>
      </div>
    </footer>
  </div>

  <script src="./js/News.js"></script>

</body>

</html>